// Js Document
// create by ii-join
jq(function(){
	// 搜索框点击效果
	jq('#srchtxt').focus(function(){
		var val = jq(this).val();
		if(val=='请输入搜索关键词'){
			jq(this).val('');
		}
	});
	jq('#srchtxt').blur(function(){
		var val = jq(this).val();
		if(val==''){
			jq(this).val('请输入搜索关键词');
		}
	});
	jq('.ii_btn_submit').click(function(){
		var val = jq('#srchtxt').val();
		if(val=='' || val=='请输入搜索关键词'){
			return false;
		}
	});
	// 页脚置底
	var footer = jq('.myfooter');
	var clientH = document.documentElement.clientHeight;
	var footer_top = footer.offset().top;
	if((clientH-footer.height()) > footer_top){

		footer.css({
			'position':'fixed',
			'bottom':0,
			'left':0
		});
	}
	// 向下滚动，头部半透明 
	jq(window).scroll(function(){
		var t = jq(this).scrollTop();
		if(t>100){
			jq('#deannav.deannav').css({
				opacity:0.8
			});
			jq('.p_pop.h_pop').css({
				opacity:0.8
			});
			
		}else{
			jq('#deannav.deannav').css({
				opacity:1
			});
			jq('.p_pop.h_pop').css({
				opacity:1
			});
		}
	});
	var show_objs;//已显示框

	// // 导航右侧菜单 - 提醒
	// var hobj2 = jq('#myprompt');
	// var sobj2 = jq('#myprompt_menu');
	// ii_hover_show(hobj2,sobj2,60,12);

	

	// 导航右侧图像下拉框
	var hobj1 = jq('.usr_ico .usr_img');
	var sobj1 = jq('.ii_usr_info');
	ii_hover_show(hobj1,sobj1,26,34);

	// 登陆框显示
	var hobj3 = jq('.ii_login');
	var sobj3 = jq('#lsform');
	ii_hover_show(hobj3,sobj3,197,0);


	

// hover显示隐藏层效果
function ii_hover_show(hobj,sobj,cut_left,add_top,is_in){
	hobj.hover(function(){
		if(show_objs){
			show_objs.hide();
		}
		show_objs = sobj;
	
		var t = hobj.offset();
		var w = t.left-cut_left;
		var h = t.top+add_top;
		show_objs.show();
		show_objs.css({
			left:w,
			top:h
		});
	},function(){
		if(is_in==1){
			hobj.mouseenter(function(){
				hobj.mouseleave(function(){
					show_objs.hide();
				});
			});
		}else{
			show_objs.mouseenter(function(){
				show_objs.mouseleave(function(e){
					var target = e.target;
					if(target.tagName === "SELECT" || target.id === "ls_fastloginfield_ctrl")
					{
						return;
					}
					show_objs.hide();
				});
			});
		}

	});
}


ppt_img(jq('.ii_pptimgs'),jq('.ii_pptimgs ul li'),jq('.ii_btn_l'),jq('.ii_btn_r'),1000,330);
// 门户首页图片列表随机排列
img_switch();
var imgs;
// imgs = setInterval(img_switch,10000);
// 鼠标hover图片效果
hover_imgs();




// 幻灯片效果
	/**
	 * [description]
	 * @param  {[type]} img_box  [图像容器]
	 * @param  {[type]} show_obj [循环显示图像]
	 * @param  {[type]} btn_l    [上一张]
	 * @param  {[type]} btn_r    [下一张]
	 * @param  {[type]} w        [显示宽度]
	 * @param  {[type]} h        [显示高度]
	 * @return {[type]}          [null]
	 */
	function ppt_img(img_box,show_obj,btn_l,btn_r,w,h){
		w = typeof w=='undefined'?1000+'px':w+'px';
		h = typeof h=='undefined'?330+'px':h+'px';
		img_box.css({width:w,height:h});
		var ppt_index = 0;//当前显示图片序号
		var num = show_obj.length;//循环个数
		//默认隐藏按钮
		btn_l.hide();
		btn_r.hide();
		//默认显示第一个图片
		show_obj.eq(ppt_index).show();

		//设置定时器
		var s = setInterval(i_show,5000);
		function i_show(){
			
			// alert(ppt_index)
		
			// 默认自动翻页
			if(ppt_index>=0 && ppt_index<num-1){
				
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					ppt_index++;
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
				});
				
			}
			if(ppt_index==num-1){
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					ppt_index=0;
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
				});
			}


		}

		// 鼠标经过，显示按钮，并实现按钮效果
		img_box.hover(function(){
			//show_obj.filter(":not(:animated)").length
				btn_l.show();
				btn_r.show();
				clearInterval(s);
				s = null;
		},function(){

				btn_l.hide();
				btn_r.hide();
				if(!s){

					s = setInterval(i_show,3000);		
				}

		});
		// 点击上一张
		btn_l.click(function(){
			
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					if(ppt_index==0){
						ppt_index=num-1;
					}else{
						ppt_index--;
					}
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
					

				});
		});
		// 点击下一张
		btn_r.click(function(){
				show_obj.eq(ppt_index).filter(":not(:animated)").fadeOut('normal',function(){
					if(ppt_index==num-1){
						ppt_index=0;
					}else{
						ppt_index++;
					}
					show_obj.eq(ppt_index).fadeIn('slow');
					show_obj.eq(ppt_index).find('a img').css('width',w);
					

				});
	
		});
	}

	/**
	 * 门户首页图片列表随机排列
	 * @return {[type]} [description]
	 */
	

	// 鼠标hover图片效果
	function hover_imgs(){
		// hover图片效果
		var box = jq('.ii_img_box .imgs');//获得盒子
		box.hover(function(){
			
			clearInterval(imgs);
			imgs = null;
			var boxs = box.find('.img_box');
			boxs.hover(function(){
				jq(this).find('p.img_title').show();//显示标题
				jq(this).find('img').fadeTo(500,1);//当前图片100%显示
				jq(this).siblings('.img_box').find('img').fadeTo(0,0.6);//其它图片半透明
				jq(this).find('img').css({top:'1px',left:'1px'});
				// jq(this).find('.h').hide();
				
			},function(){
				jq(this).find('img').css({top:'0',left:'0'});
				jq(this).find('p.img_title').hide();
			});
		},function(){
			jq(this).find('img').fadeTo(0,1);
			// imgs = setInterval(img_switch,10000);
		});
	}

	/**
	 * 门户首页图片列表随机排列
	 * @return {[type]} [description]
	 */
		function img_switch(){
			var box = jq('.ii_img_box .imgs');//获得盒子
			var imgs = box.find('.img_box');//获得原盒子内容
			var num = imgs.length;

			box.html('');//清空盒子内容
			// 还原图片盒子的class
			for(var i=0;i<num;i++){
				var b = jq('<div class="img_box"></div>');
				b.html(imgs.eq(i).html());
				box.append(b);
				// imgs.eq(i).attr('class','img_box');
			}
			// alert(box.find('.img_box').length)
			var imgs = box.find('.img_box');

			box.html('');//清空盒子内容
			var r = Math.floor(Math.random()*num);
			// 图片重排
			for(var i=0;i<num;i++){
				if(r==num){
					r=0;
				}
				box.append(imgs.eq(r));
				r++;
			}

			var new_imgs = box.find('.img_box');
			
			
			// 定位图片
			for(var j=0;j<new_imgs.length;j++){
				new_imgs.eq(j).addClass('b_'+j);
				var l = new_imgs.eq(j).css('left');
				var t = new_imgs.eq(j).css('top');
				new_imgs.eq(j).css({
					left:-500,
					top:-500
				});
				new_imgs.eq(j).show();
				new_imgs.eq(j).animate({
					left:l,
					top:t
				},1000);
				new_imgs.eq(j).find('img').fadeTo(0,1);

			}
			

		}

	// 门户图文-图片效果
	var arc_box_2 = jq('.arc_box_left');
	arc_box_2.hover(function(){
		jq(this).find('p').show();
	},function(){
		jq(this).find('p').hide();

	});

});

